<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/6/29
  Time: 18:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!Doctype html>
<html>
<head>
    <base href="<%=basePath%>">
    <title>政府数据开放平台</title>
    <jsp:include page="../../../commons/include.jsp"/>

    <link href="/resources/css/lib.css" rel="stylesheet">


    <style>


        * {
            font-family: '宋体';
        }

        #main {

            -webkit-box-shadow: 0 4px 61px rgba(0, 0, 0, 0.1);
            background: #FFF;
            width: 1000px;
            font-family: '宋体';
            height: 1500px;;
            margin-top: 50px;
        }

        #menu a {
            color: #555;
        }

        #menu a:hover {
            background: #FFFFFF;
            height: 40px;

        }

        #menu ul {
            border: none;
        }

        ._title a:hover {
            color: #000000;
        }

        div a:hover {
            color: #000000;
        }

        table, table td, table th {
            border: 1px solid rgb(221, 221, 221);
            border-collapse: collapse;
            line-height: 34px;
            font-size: 12px;
        }


    </style>

    <script>
        $(function () {
            $("table").find("tr").each(function (index) {
                $(this).find("td").css("padding", "6px 10px");
                if (index) {
                    $(this).find("td:first-child").css("fontWeight", "bold");
                    if (index % 2 == 0) {
                        $(this).css("background", "rgb(242,242,242)");
                    }

                }else{
                    $(this).css("background", "rgb(140,160,166)");
                }
            });
        });
    </script>

</head>
<body>


<jsp:include page="../../../commons/top.jsp"/>

<div class="" id="main">


    <div>
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="/front/dataset/list">数据集</a></li>
            <li><a href="/front/dataset/detail?id=${requestScope.data.dataSet.id}">${requestScope.data.dataSet.name}</a></li>
            <li><a href="/front/data/detail?id=${requestScope.data.id}">${requestScope.data.title}</a></li>
        </ol>
    </div>

    <div style="padding: 20px  30px;">
        <div style="text-align: left;">
            <div style="line-height: 30px; font-size: 26px; font-weight:bold;  padding-left: 0px; padding-top: 30px;">${requestScope.data.title}</div>
            <div style="line-height: 30px;font-size: 18px;"><a href="${requestScope.basePath}${requestScope.data.url}"
                                                               style="color: rgb(175,149,200);">URL:${requestScope.basePath}${requestScope.data.url}</a>
            </div>

            <div style="margin-top: 20px;">
                <div style="font-size: 18px; font-weight: bold;">简介</div>
                <div style="color:rgb(140,146,146); min-height: 60px; font-size: 14px;;">${requestScope.data.description}</div>
            </div>
        </div>
    </div>


    <div style="border-top: 1px solid rgb(221,221,221);">
        <div class="left">
            <div>
                <div class="title" style="text-align: center">数据评分</div>
                <div class="content" style="font-size: 26px; text-align: center; padding: 20px;">0</div>
            </div>

        </div>


        <div class="right" style="padding: 30px 20px">


            <div style="margin: 20px 24px;">
                <div style="text-align: left; font-size: 22px; font-weight: bold;">附加信息</div>
                <div style="margin-top: 10px;">
                    <table>
                        <tr>
                            <td width="350"> 属性</td>
                            <td width="650">值</td>
                        </tr>


                        <tr>
                            <td>标题</td>
                            <td>${requestScope.data.title}</td>
                        </tr>

                        <tr>
                            <td>名称</td>
                            <td>${requestScope.data.name}</td>
                        </tr>


                        <tr>
                            <td>创建时间</td>
                            <td><fmt:formatDate value="${data.createTime}" pattern="yyyy-MM-dd HH:mm"/></td>
                        </tr>

                        <tr>
                            <td>文件格类型</td>
                            <td>${requestScope.data.format}</td>
                        </tr>

                        <tr>
                            <td>授权信息</td>
                            <td>${requestScope.data.license}</td>
                        </tr>

                        <tr>
                            <td>标签</td>
                            <td>${requestScope.data.tags}</td>
                        </tr>

                        <tr>
                            <td>组织</td>
                            <td><c:choose><c:when
                                    test="${not empty requestScope.data.org}">${requestScope.data.org.orgName}</c:when><c:otherwise>无</c:otherwise></c:choose></td>
                        </tr>

                        <tr>
                            <td>存储形式</td>
                            <td><c:choose><c:when test="${requestScope.data.type==1}">外链接</c:when><c:when
                                    test="${requestScope.data.type==2}">本地</c:when><c:when
                                    test="${requestScope.data.type==3}">数据</c:when><c:otherwise>无</c:otherwise></c:choose></td>
                        </tr>


                        <tr>
                            <td>当前版本</td>
                            <td>${requestScope.data.curVersion}</td>
                        </tr>

                        <tr>
                            <td>唯一编码</td>
                            <td>${requestScope.data.GUID}</td>
                        </tr>
                    </table>

                </div>
            </div>


           <%-- <div style="margin-top: 40px; margin-left:-10px; height: 40px; background: rgb(226,225,226); width: 700px;">
                <div style="padding: 10px 20px; font-weight: bold; background: rgb(246,245,246); ">数据评论</div>

                    <div style="background: rgb(230,230,230)">
                        <div style="background-color: rgb(252,248,227); height: 36px;">
                            <div style="font-size: 12px; font-weight: bold; width: 120px; float: left;background-color: rgb(252,248,227);" >
                                <span style="margin-left: 30px; margin-top: 20px;">test</span>
                            </div>
                            <div style="font-size: 16px;padding: 6px 4px; width: 400px; float: left;background-color: rgb(252,248,227);">不错</div>
                        </div>

                        <div style="float: left;width: 120px; overflow: auto;">

                            <div><img src="" style="width: 100px; height: 50px;"></div>
                        </div>
                        <div style="width: 500px; float: left;">

                            <div style="font-size: 14px;padding: 6px 4px;">很好很好.........</div>
                        </div>
                    </div>--%>

               <%-- <div style="background: rgb(230,230,230)">
                    <div style="background-color: rgb(252,248,227); height: 36px;">
                        <div style="font-size: 12px; font-weight: bold; width: 120px; float: left;background-color: rgb(252,248,227);" >
                            <span style="margin-left: 30px; margin-top: 20px;">test</span>
                        </div>
                        <div style="font-size: 16px;padding: 6px 4px; width: 400px; float: left;background-color: rgb(252,248,227);">不错</div>
                    </div>

                    <div style="float: left;width: 120px; overflow: auto;">

                        <div><img src="" style="width: 100px; height: 50px;"></div>
                    </div>
                    <div style="width: 500px; float: left;">

                        <div style="font-size: 14px;padding: 6px 4px;">很好很好.........</div>
                    </div>
                </div>
--%>

               <%-- <div style="background: rgb(230,230,230)">
                    <div style="background-color: rgb(252,248,227); height: 36px;">
                        <div style="font-size: 12px; font-weight: bold; width: 120px; float: left;background-color: rgb(252,248,227);" >
                            <span style="margin-left: 30px; margin-top: 20px;">test</span>
                        </div>
                        <div style="font-size: 16px;padding: 6px 4px; width: 400px; float: left;background-color: rgb(252,248,227);">不错</div>
                    </div>

                    <div style="float: left;width: 120px; overflow: auto;">

                        <div><img src="" style="width: 100px; height: 50px;"></div>
                    </div>
                    <div style="width: 500px; float: left;">

                        <div style="font-size: 14px;padding: 6px 4px;">很好很好.........</div>
                    </div>
                </div>--%>

            </div>

        </div>


    </div>


</div>
<jsp:include page="../../../commons/buttom.jsp"/>
</body>
</html>
